<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <!--在线-->
	<!-- 新 Bootstrap 核心 CSS 文件 -->
	<link href="http://apps.bdimg.com/libs/bootstrap/3.3.0/css/bootstrap.min.css" rel="stylesheet">
	<!-- 可选的Bootstrap主题文件（一般不使用） -->
	<!--<script src="http://apps.bdimg.com/libs/bootstrap/3.3.0/css/bootstrap-theme.min.css"></script>-->
	<!-- jQuery文件。务必在bootstrap.min.js 之前引入 -->
	<script src="http://apps.bdimg.com/libs/jquery/2.0.0/jquery.min.js"></script>
	<!-- 最新的 Bootstrap 核心 JavaScript 文件 -->
	<script src="http://apps.bdimg.com/libs/bootstrap/3.3.0/js/bootstrap.min.js"></script>
    <title></title>
    <!-- 插入jquery -->
    <script src="{{url_for('static', filename='jquery.min.js')}}"></script>
    <script type=text/javascript>
    var $SCRIPT_ROOT = {{request.script_root|tojson|safe}};
    </script>
    <script type=text/javascript>
    $(function() {
        function submit_form(e) {
            $.getJSON($SCRIPT_ROOT + '/getNumber', {
                msgTemplate: $('input[name="msgTemplate"]').val(),
                getPhoneNumber: $('textarea[name="getPhoneNumber"]').val(),
                now: new Date().getTime()
            },
            function(data) {
                $('#resultMsg').text(data.resultMsg);
            });
        };
        // 绑定click事件
        $('#sendMessage').bind('click', submit_form);
    });
    </script>
</head>
<body>
<div class="well">
    <!--<h1 class="text-center">旅拍短信群发系统v0.01</h1><br>-->
    <input type="text" class="form-control" name=msgTemplate placeholder="请输入短信模板">
    <br>
    <textarea class="form-control" rows="10" name="getPhoneNumber" placeholder="请输入手机号码，多个号码,(逗号)分开"></textarea>
    <div class="text-right">
        <p></p>
        <button type="button" id="sendMessage" class="text-right btn btn-primary ">&nbsp;发&nbsp;送&nbsp;</button>
        <p></p>
    </div>
    <textarea class="form-control" rows="10" id=resultMsg placeholder="发送结果"></textarea>
</div>
</body>
</html>